<template>
  <n-layout embedded content-style="padding: 10px 40px;" class="content">
    <account v-if="showComponent === 'account'" />    <!--求职者管理-->
    <activity v-if="showComponent === 'activity'" />    <!--名校研学-->
    <apply v-if="showComponent === 'apply'" />    <!--应聘记录管理-->
    <banner v-if="showComponent === 'banner'" />    <!--轮播图管理-->
    <boss v-if="showComponent === 'boss'" />    <!--招聘者管理-->
    <browse v-if="showComponent === 'browse'" />    <!--浏览记录管理-->
    <company v-if="showComponent === 'company'" />    <!--分行管理-->
    <help v-if="showComponent === 'help'" />    <!--帮助中心管理-->
    <industry v-if="showComponent === 'industry'" />    <!--行业管理-->
    <job v-if="showComponent === 'job'" />    <!--职位管理-->
    <position v-if="showComponent === 'position'" />    <!--岗位管理-->
    <resume v-if="showComponent === 'resume'" />    <!--简历管理-->
    <service v-if="showComponent === 'service'" />    <!--服务中心-->
    <about v-if="showComponent === 'about'" />    <!--系统内容管理下的 关于我们-->
    <agreement v-if="showComponent === 'agreement'" />    <!--系统内容管理下的 用户协议-->
    <notice v-if="showComponent === 'notice'" />    <!--系统内容管理下的 系统公告-->
    <privacy v-if="showComponent === 'privacy'" />    <!--系统内容管理下的 隐私政策-->
    <zone v-if="showComponent === 'zone'" />    <!--分行专区管理-->
   </n-layout>
</template>

<script>
import {defineComponent, h, ref} from 'vue'
import {useRouter} from "vue-router";
// 组件
import account_main from "@/components/template/childs/childs/account_main.vue"
import activity_main from "@/components/template/childs/childs/activity_main.vue"
import apply_main from "@/components/template/childs/childs/apply_main.vue"
import banner_main from "@/components/template/childs/childs/banner_main.vue"
import boss_main from "@/components/template/childs/childs/boss_main.vue"
import browse_main from "@/components/template/childs/childs/browse_main.vue"
import company_main from "@/components/template/childs/childs/company_main.vue"
import help_main from "@/components/template/childs/childs/help_main.vue"
import industry_main from "@/components/template/childs/childs/industry_main.vue"
import job_main from "@/components/template/childs/childs/job_main.vue"
import position_main from "@/components/template/childs/childs/position_main.vue"
import resume_main from "@/components/template/childs/childs/resume_main.vue"
import service_main from "@/components/template/childs/childs/service_main.vue"
import about_main from "@/components/template/childs/childs/about_main.vue"
import agreement_main from "@/components/template/childs/childs/agreement_main.vue"
import notice_main from "@/components/template/childs/childs/notice_main.vue";
import privacy_main from "@/components/template/childs/childs/privacy_main.vue";
import zone_main from "@/components/template/childs/childs/zone_main.vue";
export default defineComponent({
  components: {
    account:account_main,
    activity:activity_main,
    apply:apply_main,
    banner:banner_main,
    boss:boss_main,
    browse:browse_main,
    company:company_main,
    help:help_main,
    industry:industry_main,
    job:job_main,
    position:position_main,
    resume:resume_main,
    service:service_main,
    about:about_main,
    agreement:agreement_main,
    notice:notice_main,
    privacy:privacy_main,
    zone:zone_main
  },
  setup() {
    const router = useRouter()
    // 当前组件 对标 当前路由
    const showComponent = ref(router.currentRoute.value.name)

    return{
     showComponent
    }
  }
})
</script>

<style scoped>

</style>